.zhpg-left-flow {
    position: absolute;
    left: -1px;
    top: 30px;

    .flow-btn {
        color: #fff;
        width: 36px;
        height: auto;
        white-space: pre-wrap;
        padding: 10px 5px;
        border-radius: 0;
        line-height: 18px;
        position: relative;
        transform: skewY(25deg);

        &:last-child {
            height: 76px;
        }

        &>span {
            transform: skewY(-25deg);
        }

        .last-item {
            width: 35px;
            height: 39px;
            white-space: pre-wrap;
            padding: 10px 5px;
            border-radius: 0;
            line-height: 18px;
            transform: skewY(-45deg);
            position: absolute;
            bottom: -20px;
            left: -1px;
            z-index: -1;
            border-right: none;
            border-top: none;
        }

        &:hover,
        &.selected {
            .hover-btn {
                color: #03ccff;
                border-color: #03ccff;
            }
        }

    }

    .hover-btn {

        &:hover {
            color: #03ccff;
            border-color: #03ccff;
        }

        &.selected {
            color: #03ccff;
            border-color: #03ccff !important;
            z-index: 1;
        }
    }

}